import React,{CSSProperties} from 'react'
import {Empty, Button} from 'antd';
import {Link} from 'react-router-dom'

const UnLoginStyle: CSSProperties = {
    marginTop: '20vh'
}

interface IProps {
    info: string;
    action: string;
    link: string;
    img: string;
}
const EmptyCart = (props: IProps) => {
    return (
        <div style={UnLoginStyle}>
            <Empty
                image={props.img}
                imageStyle={{
                    height: '20vh'
                }}
                description={
                    <span style={{fontSize: '14px'}}>
                        {props.info}
                    </span>
                }
            >
                <Link to={props.link}>
                    <Button style={{backgroundColor: '#9c27b0',color: '#fff',fontSize: '12px'}}>{props.action}</Button>
                </Link>
            </Empty>
        </div>
    )
}

export default EmptyCart